html{overflow-x: hidden; overflow-y: auto;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;color:#666666;outline:0;}
body{background:#fff url(../images/bg.jpg) repeat;}
li{list-style:none;}
p{display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
a{color:#666666;text-decoration:none;}
a:hover{color:#2870ce;text-decoration:none;}
/*common function*/
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.w100{width: 100%}
.w1200px{width: 1200px;}
.m-center{margin-left: auto;margin-right: auto}
.v_middle{vertical-align: middle}
/*hover*/
/* Bounce To Right */
.hvr-bounce-to-right{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.hvr-bounce-to-right:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2870ce; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active{color: white;}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
/*animate*/
@-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);} 75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} 100%{-webkit-transform: none; transform: none;}}
@keyframes bounceInLeft{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);} 75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} 100%{-webkit-transform: none; transform: none;}}
.bounceInLeft{-webkit-animation: bounceInLeft 1s ease-out; animation: bounceInLeft 1s ease-out;}
@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} 100%{-webkit-transform: none; transform: none;}}
@keyframes bounceInRight{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} 100%{-webkit-transform: none; transform: none;}}
.bounceInRight{-webkit-animation: bounceInRight 1s ease-out; animation: bounceInRight 1s ease-out;}
.hvr-float-shadow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-float-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active{-webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}
/*返回顶部*/
.btn{width: 60px; height: 61px; line-height: 61px; position: fixed; bottom: 30px; background: #F5F5F5; left: 50%; margin-left: 600px; text-align: center; border: 1px solid #d9d9d9; color: #9c9c9c;}
.btn .iconfont{font-size: 52px;}
.btn:hover{background: #2870ce; color:#ffffff;}
/*header*/
.header{background: url(../images/header_bg.jpg) no-repeat center 0;height: 100px;z-index: 20}
.logo{margin-top: 23px; float: left}
.nav{float: right;margin: 0;padding: 0;z-index: 20}
.nav>li{float: left;padding:0 15px;position: relative;}
.nav>li>a{float:left;padding:0 15px;height:100px;line-height:100px;color:#000000;}
.nav>li>a.on,.nav>li>a:hover{background: #2870ce;color:#ffffff;border-bottom: 4px solid #1c4e90}
.nav>li>ul{position: absolute;left: 0;top: 100px;width:118px;margin: 0;text-align: center;padding: 0;display: none;z-index: 22}
.nav>li>ul i{font-size: 16px;height:16px;color: #ffffff;}
.nav>li>ul>li{padding: 5px 0;}
.nav>li li a{color: #ffffff;}
.nav>li li a:hover{color: #fff000;}
.t-nav{position: absolute;top: 100px;left:0;width: 100%;height:0;background: #000000;}
/* 线条过度效果 */
/* HELPERS */
.text-center{text-align: center;}
/* GRID */
.container{left:0; position: absolute; top: 100px; width: 100%; height: 5px; transform: translate(0, 0);}
/* PROGRESS */
.progress{background-color: #e5e9eb; height:3px; position: relative; width: 100%;}
.progress-bar{animation-delay:0s; -webkit-animation-delay:0s; -webkit-animation-duration: 3s; -webkit-animation-name: width1; background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); background-size: 100%; height: 100%; position: relative;}
/* ANIMATIONS */
@keyframes width1{0%, 100%{transition-timing-function:ease;} 0%{width: 0;} 100%{width: 100%;}}
/* 线条过度效果 */
/*banner*/
#banner{position: relative;z-index: 10;}
#banner .am-slider-default{margin-bottom: 0;}
#banner ul.am-slides li p{position: absolute;}
#banner ul.am-slides li a{width: 1200px;height:560px;display:block;top:0;left:0;margin: 0 auto;position: relative;z-index: 15}
#banner ul.am-slides li.am-active-slide p.text1{top:50px;left:30px; z-index:3;animation: fadeInUp 1s ease-out;-webkit-animation: fadeInUp 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text2{top:250px;right:135px; z-index:3;animation: flipInX 1s ease-out;-webkit-animation: flipInX 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text3{top:220px; right:100px;z-index:3;animation: rotateInDownLeft 1s ease-out;-webkit-animation: rotateInDownLeft 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text4{top:290px; right:185px;z-index:3;animation: bounceInUp 1s ease-out;-webkit-animation: bounceInUp 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text5{top:20px;right:130px;z-index:3;animation: fadeInUp 1s ease-out;-webkit-animation: fadeInUp 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text6{top:75px;left:160px;z-index:3;animation: flipInX 1s ease-out;-webkit-animation: flipInX 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text7{top:50px; left:30px;z-index:3;animation: rotateInDownLeft 1s ease-out;-webkit-animation: rotateInDownLeft 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text8{top:180px; left:100px;z-index:3;animation: bounceInUp 1s ease-out;-webkit-animation: bounceInUp 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text9{top:230px;left:100px;z-index:3;animation: fadeInUp 1s ease-out;-webkit-animation: fadeInUp 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text10{top:210px;right:165px; z-index:3;-webkit-animation: flipInX 1s ease-out;animation: flipInX 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text11{top:240px; right:250px;z-index:3;-webkit-animation: fadeInUp 1s ease-out;animation: fadeInUp 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text12{top:220px; right:685px;z-index:3;-webkit-animation: fadeInLeft 1s ease-out;animation: fadeInLeft 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text13{top:320px; right:505px;z-index:3;-webkit-animation: rotateInDownLeft 1s ease-out;animation: rotateInDownLeft 1s ease-out;}
#banner ul.am-slides li.am-active-slide p.text14{top:-35px; right:340px;z-index:2;animation: bounceInUp 1s ease-out;-webkit-animation: bounceInUp 1s ease-out;opacity: .5}
#banner ol{bottom: 120px;}
#banner ol li{margin: 0 4px;}
#banner ol a{margin-left: 5px; background: #fff; text-indent: -999em; float: left; width: 14px; height: 14px; cursor: pointer; border-radius:50%;vertical-align: middle;margin-bottom: 2px;}
#banner ol a.am-active{background: #FC3;background: none;border: 3px solid #ffffff;width: 18px;height: 18px;border-radius: 50%;margin-bottom: 0;}
.mainNav{position: absolute;z-index: 12;bottom: -10px;left: 50%;margin-left: -500px;width: 1000px;background: #ffffff;
    box-shadow: 0 0 10px #222222 ;border-radius: 2px;}
.mainNav ul{padding-top:20px;padding-bottom: 10px;}
.mainNav ul li{text-align: center;vertical-align: middle;line-height: 60px;color: #000000;}
.mainNav ul li:hover{animation: bounce 1s ease; -webkit-animation: bounce 1s ease;cursor: pointer;}
.mainNav ul li a{color: #000000;font-size: 18px;height: 40px;vertical-align:top;display: inline-block;}
.mainNav ul li i.iconfont{font-size: 40px;padding-right: 10px;}
.mainNav ul li.on a,.mainNav ul li:hover a,.mainNav ul li.on i,.mainNav ul li:hover i{color: #014099}
.footer{background: url(../images/foot-bg.jpg) repeat-y center 0;height: 185px;color: #666666;padding-top: 30px;}
.footer ul{padding-left: 0;margin-bottom: 10px;}
.footer ul a{float: left;color: #666666;line-height: 36px;height: 21px;}
.footer ul i{float:left;width: 1px;height: 15px;margin: 0 5px;background: #666666;margin-top: 10px;}
.footer ul.share li{float: left;}
.footer ul.share li img.weixin{-webkit-animation: fadeInUp 1s ease;animation: fadeInUp 1s ease;display: none;position: absolute;left: -15px;bottom: 20px;z-index: 100; }
.footer ul.share li:last-child i{background: none;font-size:24px;float: none;display:inline-block;width: auto;height: auto;margin-top: 0;-webkit-transition: 0.4s all; transition: 0.4s all;}
.footer ul.share li:last-child i:hover{cursor: pointer;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.footer ul.share li:last-child i.icon-weibo:hover{color:#da251c;}
.footer ul.share li:last-child i.icon-weixin:hover{color:#81d000}
.footer ul.share li:last-child i.icon-qzone:hover{color:#f6c82a}
.footer .am-g{border-top: 1px solid #d4d4d4;padding-top: 0;}
.footer .am-g .am-u-sm-4{padding-left: 38px;}
.footer .am-g p span{padding-right: 10px;}
.footer a:hover{color: #2870ce;}
/*解决方案-网站开发*/
#main-banner{background: #2870ce; min-height: 400px;}
#main-banner .am-container{position:relative;}
#main-banner .am-container .banner-box{position: absolute;left: 50%;margin-left:60px;top:9pc;width:500px;}
#main-banner .am-container .box{position:relative;display: inline-block;z-index: 10}
#main-banner .am-container .box span{color: #ffffff;font-size: 60px;font-style: normal;display: block;z-index: 15; -webkit-animation: bounceInRight .5s ease-out;animation: bounceInRight .5s ease-out;font-weight: bold;}
#main-banner .am-container .box img{display: block;z-index: 15;margin-top: 20px;-webkit-animation: bounceInRight 1s ease-out;animation: bounceInRight 1s ease-out;}
/*解决方案---优质的服务内容*/
.youZhi,.shiJue,.houTai,.liuCheng,.fuWu{text-align: center;}
.bar{background: url(../images/jjfa-2.jpg) no-repeat center
0;width: 100%;height: 6px;}
.youZhi h1{font-size: 42px;color: #2870ce;margin-bottom: 10px;margin-top:40px;font-weight: normal;}
.youZhi h2{font-size: 24px;color: #949494;margin-top: 10px;font-weight: normal;}
.youZhi ul{padding: 0;margin-top: 40px;}
.youZhi ul li .box{background: #f6f6f6;padding: 18px;margin:0 20px;}
.youZhi ul li:first-child .box{margin-left: 0;}
.youZhi ul li:last-child .box{margin-right: 0;}
.youZhi ul li .box span{width: 100px;height: 100px;border-radius: 50%;display: block;vertical-align: middle;margin: 0 auto;}
.youZhi ul li span i.iconfont{font-size: 68px;color: #ffffff;cursor: pointer;}
.youZhi ul li span i.iconfont:hover{-webkit-animation: bounceIn 1.5s ease;animation: bounceIn 1.5s ease;}
.youZhi ul li span.yz-1{background: #4db4f9;}
.youZhi ul li span.yz-2{background: #75c274;}
.youZhi ul li span.yz-3{background: #f6b44b;}
.youZhi ul li .box h3{font-size: 24px;color: #333333;margin:10px 0;font-weight: normal;}
.youZhi ul li .box h4{font-size: 16px;color: #333333;margin: 0;font-weight: normal;}
.youZhi ul li .box p{font-size: 14px;color: #666666;margin-top: 10px;}
/*解决方案---创新的前端视觉*/
.shiJue h1{font-size: 42px;color: #f6b44b;margin-bottom: 10px;margin-top:50px;font-weight: normal;}
.shiJue h2{font-size: 24px;color: #949494;margin-top: 10px;font-weight: normal;}
/*解决方案---后台管理*/
.houTai h1{font-size: 42px;color: #e44d26;margin-bottom: 10px;margin-top:80px;font-weight: normal;}
.houTai h2{font-size: 24px;color: #949494;margin-top: 10px;font-weight: normal;}
/*解决方案---标准化合作流程*/
.liuCheng h1{font-size: 42px;color: #75c274;margin-bottom: 10px;margin-top:70px;font-weight: normal;}
.liuCheng h2{font-size: 24px;color: #949494;margin-top: 10px;font-weight: normal;}
.liuCheng ul{padding: 0;margin: 50px 0 60px;}
.liuCheng ul li{display: inline-block;vertical-align: middle;}
.liuCheng ul li p{line-height: 40px;font-size: 16px;}
.fuWu{margin-top: 40px;}
.liuCheng ul li span{text-align: center; margin: 0 auto;}
.liuCheng ul li span .iconfont{display: inline-block; font-size: 44px; cursor: pointer; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #47AC46; width: 72px; height: 72px; box-shadow: 0 0 0 2px rgba(117,194,116,1); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s;}
.liuCheng ul li span .iconfont:after{pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -2px; left: -2px; padding: 0; z-index: 10; border: 2px dashed #75c274;}
.liuCheng ul li span .iconfont:before{line-height: 72px;}
.liuCheng ul li span .iconfont:hover{box-shadow: 0 0 0 0 rgba(117,194,116,0);}
.liuCheng ul li span .iconfont:hover{-webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s;}
.liuCheng ul li span .iconfont:hover:after{-webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite;}
@-webkit-keyframes spinAround{from{-webkit-transform: rotate(0deg)} to{-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround{from{-moz-transform: rotate(0deg)} to{-moz-transform: rotate(360deg);}}
@keyframes spinAround{from{transform: rotate(0deg)} to{transform: rotate(360deg);}}
/*中间的点*/
.spinner{text-align: center;}
.spinner > div{width: 10px; height: 10px; background-color: #9b9b9b; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.spinner .bounce1{margin:0 5px 35px 3px;}
.spinner .bounce2{width: 6px; height: 6px; margin:0 5px 37px 0;}
/*.spinner .bounce1{*/ /*-webkit-animation-delay: -0.32s;*/ /*animation-delay: -0.32s;*/
/*}*/
/*.spinner .bounce2{*/ /*-webkit-animation-delay: -0.16s;*/ /*animation-delay: -0.16s;*/
/*}*/
/*@-webkit-keyframes bouncedelay{*/ /*0%, 80%, 100%{-webkit-transform: scale(0.0)}*/ /*40%{-webkit-transform: scale(1.0)}*/
/*}*/
/*@keyframes bouncedelay{*/ /*0%, 80%, 100%{-webkit-transform: scale(0.0);transform: scale(0.0);}*/ /*40%{-webkit-transform: scale(1.0);transform: scale(1.0);}*/
/*}*/
/*解决方案--策划运营咨询*/
.cehua{width: 1200px;margin: 0 auto;padding:60px 100px;background:#fff;}
.cehua .pannel1{text-align: center;}
.cehua .pannel1 h1{font-size: 42px;color: #264157;margin-bottom: 10px;margin-top:0px;font-weight: normal;}
.cehua .pannel1 h2{font-size: 24px;color: #949494;margin-top: 10px;font-weight: normal;}
.box0{width: 330px;height: 350px;position: relative;font-size: 36px;margin:0 auto;}
        .box1{position: absolute;width: 200px;height: 200px;line-height:200px;z-index:1;text-align:center;border-radius: 50%;background: #ff0000;color: #ffffff;opacity: .6;left: 0;top: 0;
            -webkit-animation: balloon1 5s ease-in-out infinite;
            -moz-animation: balloon1 5s ease-in-out infinite;
            -o-animation: balloon1 5s ease-in-out infinite;
            animation: balloon1 5s ease-in-out infinite;
        }
        .box2{position: absolute;width: 200px;height: 200px;line-height:200px;z-index:2;text-align:center;border-radius: 50%;background: #2870ce;color: #ffffff;
        opacity: .6;left: 140px;top: 0;
            -webkit-animation: balloon2 5s ease-in-out infinite;
            -moz-animation: balloon2 5s ease-in-out infinite;
            -o-animation: balloon2 5s ease-in-out infinite;
            animation: balloon2 5s ease-in-out infinite;
        }
        .box3{position: absolute;width: 200px;height: 200px;line-height:200px;z-index:3;text-align:center;border-radius: 50%;background: #e57b3a;color: #ffffff;
        opacity: .6;left: 70px;top:140px;
            -webkit-animation: balloon3 3s ease-in-out infinite;
            -moz-animation: balloon3 3s ease-in-out infinite;
            -o-animation: balloon3 3s ease-in-out infinite;
            animation: balloon3 3s ease-in-out infinite;
        }

        /*BALLOON 1 4*/
        @-webkit-keyframes balloon1 {
            0%, 100% {
                -webkit-transform: translate(0,50px);
            }
            50% {
                -webkit-transform: translate(10px, 10px);
            }
        }
        @-moz-keyframes balloon1 {
            0%, 100% {
                -moz-transform: translate(0,50px);
            }
            50% {
                -moz-transform: translate(10px, 10px);
            }
        }
        @-o-keyframes balloon1 {
            0%, 100% {
                -o-transform: translate(0,50px);
            }
            50% {
                -o-transform: translate(10px, 10px);
            }
        }
        @keyframes balloon1 {
            0%, 100% {
                transform: translate(0,50px);
            }
            50% {
                transform: translate(10px, 10px);
            }
        }
        @-webkit-keyframes balloon2 {
            0%, 100% {
                -webkit-transform: translate(0, -10px);
            }
            50% {
                -webkit-transform: translate(-20px, 30px);
            }
        }
        @-moz-keyframes balloon2 {
            0%, 100% {
                -moz-transform: translate(0, -10px);
            }
            50% {
                -moz-transform: translate(-20px, 30px);
            }
        }
        @-o-keyframes balloon2 {
            0%, 100% {
                -o-transform: translate(0, -10px);
            }
            50% {
                -o-transform: translate(-20px, 30px);
            }
        }
        @keyframes balloon2 {
            0%, 100% {
                transform: translate(0, -10px);
            }
            50% {
                transform: translate(-20px, 30px);
            }
        }
        @-webkit-keyframes balloon3 {
            0%, 100% {
                -webkit-transform: translateY(0);
            }
            50% {
                -webkit-transform: translateY(-30px);
            }
        }
        @-moz-keyframes balloon3 {
            0%, 100% {
                -moz-transform: translateY(0);
            }
            50% {
                -moz-transform: translateY(-30px);
            }
        }
        @-o-keyframes balloon3 {
            0%, 100% {
                -o-transform: translateY(0);
            }
            50% {
                -o-transform: translateY(-30px);
            }
        }
        @keyframes balloon3 {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-30px);
            }
        }
/*--------经典案例-----------*/
.caseList{width: 1200px;margin: 0 auto;margin-top:0px;padding:60px 100px;background:#fff;}
.caseList .am-tabs-bd .am-tab-panel{padding: 0;padding-top:20px;margin-top: 0;}
.caseList .am-tabs-bd ul.f-cb{padding: 0;}
.caseList .am-tabs-bd ul.f-cb li a{display: block;}
.caseList .am-tabs-bd ul.f-cb li{float: left;background: #f3f3f3;padding: 10px;margin-right:10px;margin-bottom: 20px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
.caseList .am-tabs-bd ul.f-cb li:nth-child(n+2):nth-child(4n){margin-right: 0;}
.caseList .am-tabs-bd ul.f-cb li:hover,.caseList .am-tabs-bd li:focus,.caseList .am-tabs-bd li:active{box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #ffffff}
.caseList .am-tabs-bd ul.f-cb li h4{font-weight: normal;margin:20px 0 0;font-size: 18px;color: #313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 221px;}
.caseList .am-tabs-bd ul.f-cb li p{font-weight: normal;margin:0;padding:5px 0;font-size: 14px;color: #a8a8a8;}
/*分页*/
ul.am-pagination{text-align: center;}
ul.am-pagination a:hover{color: #2870ce;}
ul.am-pagination a.am-active:hover{color: #ffffff;}
/*案例展示--详情页*/
.caseDetail{width: 1200px;margin: 0px auto 0px;padding:60px 100px;background:#fff;}
.caseDetail h2{font-size: 30px;font-weight:normal;color: #000000;}
.caseDetail p.time{font-size: 18px;color: #333333;line-height: 24px;}
.caseDetail p.jianJie{font-size: 18px;color: #999999;line-height: 24px;margin: 50px 0;}
.caseDetail .pic{background: url(../images/anliDetail_bg.jpg) no-repeat center 0;position: relative;text-align: center;width: 1000px;height: 785px;padding-top: 44px;}
.caseDetail ul{padding: 0;text-align: center;margin: 50px 0;}
.caseDetail ul li{display:inline-block;margin: 0 15px;}
.caseDetail ul a{border: 2px solid #d2d2d2;padding: 8px 20px;}
.caseDetail ul a:hover,.caseDetail ul a:focus,.caseDetail ul a:active{background: #2870ce;border: none;color:#ffffff;padding: 10px 22px;}
/*联系我们*/
.lxwm{background: url(../images/lxwm_bg.jpg) no-repeat center 0;}
.lxwm .box{width: 1000px;margin: 0 auto;text-align: center;padding: 30px 0;}
.lxwm .box h1{padding: 0;margin:0;font-size: 42px;color: #ffffff;font-weight: normal;}
.lxwm .box h2{padding:0;margin:0;color: #ffffff;font-size: 24px;font-weight: normal;}
.lxwm .box .bar{background: url(../images/lxwm-2.jpg) no-repeat center 0;width: 100%;height: 6px;margin: 10px 0;}
.lxwm .box .am-g{padding: 0;margin: 50px 0;}
.lxwm .box .am-g .am-u-sm-3{padding: 0 15px;}
.lxwm .box .am-g .am-u-sm-3:first-child{padding-left: 0;}
.lxwm .box .am-g .am-u-sm-3:last-child{padding-right: 0;}
.lxwm .box .am-g .am-u-sm-3 .con{background:#fff;padding: 5px 15px 10px;}
.lxwm .box .am-g .iconfont{font-size: 60px;color: #393939;}
.lxwm .box .am-g p{color: #989898;font-size: 20px;}
.lxwm .box .am-form .am-btn{background: #000000;padding: 12px 0;margin-bottom: 30px;}
/*新闻列表*/
.newsList{width: 1000px;margin: 0 auto;background: #ffffff;}
.bar_title{background: url(../images/mews_titlebg.jpg) no-repeat 0 0;width: 1000px;height: 134px;padding-top:20px;padding-left: 60px;}
.bar_title h1{font-size: 28px;color: #666666;font-weight: normal;margin: 0;}
.bar_title h4{font-size: 18px;color: #979797;font-weight: normal;margin: 0;}
.newsList .am-list li{border: none;margin-bottom: 20px;}
.newsList .am-list-news-default .am-list .am-list-thumb img{width: 340px;margin-left: 20px;}
.newsList h3.am-list-item-hd{color: #151515;font-size: 30px;}
.newsList .time{color: #bdbdbd;font-size: 24px;}
.newsList .am-list .am-list-item-desced .am-list-item-text{font-size: 18px;color: #979797;line-height:30px;}
.newsList .am-list .am-list-news-more{margin-top: 20px;}
.newsList .am-list .am-list-news-more a{border: 2px solid #2870ce;padding: 10px;width:235px;display: block;font-size: 18px;color: #2870ce;}
.newsList .am-list .am-list-news-more a:hover{color: #ffffff;}
.newsList .am-list .am-list-news-more a i.iconfont{padding-left:115px;display: inline-block;}
/*新闻列表-详情页*/
.newsDetail{margin: 0px auto 0px;background:#fff;padding:60px 100px;width:1200px;}
.newsDetail h2{font-size: 30px;color: #000000;font-weight: normal}
.newsDetail img{max-width:1000px;}
.newsDetail p.time{font-size: 18px;color: #333333;line-height: 24px;}
.newsDetail .content{max-width: 980px;margin: 30px;line-height:1.5;font-size: 18px;    overflow: hidden;}
.newsDetail .content img{max-width: 980px;}
.newsDetail ul.pr{padding: 0;text-align: center;margin: 50px 0;}
.newsDetail ul.pr li{display:inline-block;margin: 0 15px;}
.newsDetail ul.pr a{border: 2px solid #d2d2d2;padding: 8px 20px;}
.newsDetail ul.pr a:hover,.caseDetail ul a:focus,.caseDetail ul a:active{background: #2870ce;border: none;color:#ffffff;padding: 10px 22px;}
@media all and (max-width:640px){
	.newsDetail img{max-width:100%;}
}
/*团队介绍*/
.teamList{width: 1000px;margin: 0 auto;background: #ffffff;}
.teamList h1.title{font-weight: normal;font-size: 42px;color: #3b3b3b;text-align: center;margin: 0;}
.teamList hr{width: 200px;margin:10px auto;height: 2px;background-color: #014099;display: block;}
.teamList .title2{font-weight: normal;font-size:30px;color: #014099;text-align: center;margin: 0;}
.teamList .pics{margin:0;padding: 40px 0;}
.teamList .pics li{float: left;text-align: center;margin-bottom: 40px;margin-right: 49px;position: relative;}
.teamList .pics li .js{position: absolute;top:0;left: 0;background: #0057C7;opacity: .8;width: 300px;height: 360px;color: #ffffff;padding: 15px;font-size: 16px;line-height: 2;display: none;}
.teamList .pics li:nth-child(n+2):nth-child(3n){margin-right:0;}
.teamList .pics li h4{font-size: 24px;font-weight: normal;color: #3b3b3b;margin: 20px 0 0;}
.teamList .pics li p{font-size: 20px;color: #3b3b3b;}
.teamList .pics li p span{color: #9d9d9d;font-size: 14px;padding-left: 20px;}
/*招聘信息*/
.joinsList{width: 1000px;margin: 0 auto;background: #ffffff;}
.joinsList h1.title{font-weight: normal;font-size: 42px;color: #3b3b3b;text-align: center;margin: 0;}
.joinsList hr{width: 200px;margin:10px auto;height: 2px;background-color: #014099;display: block;}
.joinsList .title2{font-weight: normal;font-size:30px;color: #014099;text-align: center;margin: 0;margin-bottom: 40px;}
.joinsList .am-container .am-u-sm-6{height: 64px;line-height: 64px;color: #ffffff;font-size: 28px;}
.joinsList .am-container .am-u-sm-6:first-child{background: #dcc375;margin-right: 2%;width: 48%;}
.joinsList .am-container .am-u-sm-6:last-child{background: #c085d1;margin-left: 2%;width: 48%;}
.joinsList .am-container .am-u-sm-6 i.iconfont{font-size: 40px;padding-left: 20px;}
.joinsList .am-container .am-u-sm-6 span{padding-left: 30px;display: inline-block;height: 40px;line-height: 40px;}
.joinsList #accordion{margin: 30px 0;}
.joinsList #accordion .am-panel{box-shadow: rgba(105, 105, 105, 0.2) 4px 3px;margin-bottom: 15px;}
.joinsList #accordion .am-panel-title{font-weight: normal;}
.joinsList #accordion .am-panel-title p.title{font-size: 30px;color: #222222;}
.joinsList #accordion .am-panel-title p.english{font-size: 26px;color: #767676;}
.joinsList #accordion .am-panel-title p.section{font-size: 20px;color: #4f4f4f;}
.joinsList #accordion .am-panel-title .am-u-sm-3{text-align: center;}
.joinsList #accordion .am-panel-title .iconfont{font-size: 50px;color: #747474;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.joinsList #accordion .am-panel-bd{padding-left:32.5px;color: #858585;line-height: 2;}
/*发展历程*/
.licList{width: 1000px;margin: 0 auto;background: #ffffff;}
.licList h1.title{font-weight: normal;font-size: 42px;color: #3b3b3b;text-align: center;margin: 0;}
.licList hr{width: 145px;margin:10px auto;height: 2px;background-color: #014099;display: block;}
.licList .title2{font-weight: normal;font-size:30px;color: #014099;text-align: center;margin: 0;margin-bottom: 40px;}
.licList ul.lc{padding: 0;}
.licList ul li{width: 50%;float: left;margin-bottom: 30px;padding-left: 20px;    height: 228px;}
.licList ul.lc h1{font-weight: normal;margin: 0;font-size:72px;font-family:'Impact67aeebd24393';}
.licList ul.lc p{font-weight: normal;margin: 0;font-size:16px;}
/*公司简介*/
.company{width: 1200px;margin: 0 auto;background: #ffffff;padding: 60px 100px 0;}
.company hr{width: 200px;margin:10px auto;height: 2px;background-color: #014099;display: block;}
.company .title2{font-weight: normal;font-size:42px;color: #3b3b3b;text-align: center;margin: 0;margin-bottom: 40px;}
.company p{line-height: 2;padding-bottom:20px;}
.company .pannel1 p,.company .pannel2 p{line-height: 2;padding:0 20px 20px;text-align: center;}
.panel3,.panel4{border-bottom: 2px solid #e8e8e8;padding: 50px 0;}
.panel5{padding: 50px 0;}
.company .am-g .am-u-sm-8 h1{margin: 0;font-size: 42px;font-weight: normal;}
.company .am-g .am-u-sm-8 h2{margin: 0;font-size: 42px;font-weight: normal;}
.company .am-g .am-u-sm-8 p{border-top: 2px solid #5aa666;margin-top: 10px;padding-top: 20px;color: #969696;}
.company .panel4 .am-u-sm-8 p{border-top: 2px solid #c2503e;}
.company .panel5 .am-u-sm-8 p{border-top: 2px solid #41b3e8;}
.company .more a{border: 2px solid #5aa666;padding: 10px;width:235px;display: block;font-size: 18px;color: #ffffff;background: #5aa666}
.company .panel4 .am-u-sm-8 .more a{border: 2px solid #c2503e;background: #c2503e}
.company .panel5 .am-u-sm-8 .more a{border: 2px solid #41b3e8;background: #41b3e8}
.company .panel6 .more a{border: 2px solid #ffffff;background: #a08ec2}
.company .am-u-sm-8 .more a.hvr-bounce-to-right:before{background: #ffffff;}
.company .panel3 .am-u-sm-8 .more a:hover{color: #5aa666;}
.company .panel4 .am-u-sm-8 .more a:hover{color: #c2503e;}
.company .panel5 .am-u-sm-8 .more a:hover{color: #41b3e8;}
.company .more a i.iconfont{padding-left:115px;display: inline-block;}
.company .panel6{padding: 20px 0;background: #a08ec2;text-align: center;}
.company .panel6 h1{margin: 0;font-size: 46px;font-weight: normal;color: #ffffff}
.company .panel6 h2{margin: 0;font-size: 28px;font-weight: normal;color: #ffffff}
.company .panel6 .more{width: 235px;margin: 20px auto;}
.company .panel6 .more a:hover{color: #a08ec2;}
.company .panel6 .more a.hvr-bounce-to-right:before{background: #ffffff;}
/*策划运营*/
.cehua .panel2 .am-g{margin: 60px auto;}
.cehua .panel2 .am-g p{padding-left: 65px;}
.cehua button.btn2{width: 200px;height: 60px;line-height: 60px;border-radius: 8px;background: #eb5055;color: #ffffff;border: none;font-size: 28px;margin: 30px auto 60px;}
/***********************************互联网金融*********************************************/
#fullPage{overflow: hidden;}
.page{display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain{width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain{display: block;}
.current{display: block; z-index: 1;}
.slide{display: block; z-index: 2;}
.swipe{display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1{background: url(../images/jr_bg.jpg) no-repeat 0 0;background-size: cover;}
.page2{background: #ffffff;}
.page3{background: url(../images/jr3_bg.jpg) no-repeat 0 0;background-size: cover;}
.page4{background: #f4f4f4;}
.page5{background: #d55252;}
#navBar{z-index: 3; position: absolute; top: 30%; right: 3%;width: 30px; height:130px;background:url(../images/guider_bg5.png) no-repeat center 0;text-align: center;padding: 0;}
#navBar li{z-index: 4;cursor: pointer;text-align: center; width: 30px; height: 20px;display: block;}
#navBar li:nth-child(1){width:30px;height: 31px;}
#navBar li:nth-child(1) img{width:26px;height: 26px;border-radius: 50%;margin-top: 2px;}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)}}
#navBar li:nth-child(1):hover img{21
animation: 1.5s linear 0s normal none infinite rotate; -webkit-animation:1.5s linear 0s normal none infinite rotate;width: 26px;height: 26px;border-radius: 50%;}
#navBar li:nth-child(1).active{background:url(../images/guider0.jpg) no-repeat center center;}
#navBar li:nth-child(2).active{background:url(../images/guider1.jpg) no-repeat center center;}
#navBar li:nth-child(3).active{background:url(../images/guider2.jpg) no-repeat center center;}
#navBar li:nth-child(4).active{background:url(../images/guider3.jpg) no-repeat center center;}
#navBar li:nth-child(5).active{background:url(../images/guider4.jpg) no-repeat center center;}
#navBar li:nth-child(6) #jySina:hover{background:url(../images/sina.png) no-repeat center top;color: #ff0000;font-size: 80px;}
#navBar li:nth-child(6) #jySina{position: absolute;bottom:50px;display: block;width: 30px;height: 26px;}
#navBar li:nth-child(6) #jyQzone{position: absolute;bottom:15px;display: block;width: 30px;height: 26px;}
/*第一屏*/
.page1 .txt1{position:absolute;top: 50%;margin-top:-112px;text-align: center;}
.page1 #img1{-webkit-animation: bounceInLeft 1.4s 1 ease-in-out;animation: bounceInLeft 1.4s 1 ease-in-out;margin-bottom: 50px;}
.page1 #img2{-webkit-animation: bounceInRight 1.4s 1 ease-in-out;animation: bounceInRight 1.4s 1 ease-in-out;}
/*第二屏*/
.page2 .txt2{position:absolute;left:50%;margin-left:-600px;width:1200px;text-align: center;}
.page2 .text1{font-weight:bold;margin-top:1.5rem;margin-bottom: 2rem;font-size: 60px;color: #d55252;display: block;-webkit-animation: bounceIn 1.4s 1 ease-in-out;animation: bounceIn 1.4s 1 ease-in-out;}
.jjfa-bg{background: #d55252;width: 108px;height: 108px;border-radius: 50%;display: inline-block;line-height: 108px;}
.jjfa-bg .iconfont{color: #ffffff;font-size:72px;}
.page2 .am-g h3{font-weight: normal;font-size: 28px;color: #000000;margin-top: 0.7em;}
.page2 .am-g h4{font-weight: normal;font-size: 20px;color: #5d5d5d;margin-top: 0.6em;}
.page2 .am-g p{font-weight: normal;font-size: 16px;color: #a4a4a4;margin-top: 0.5em;}
.page a.ljzx{position: relative; overflow: hidden;display: inline-block;width: 360px;height: 72px;border: 3px solid #d55252;border-radius:10px;margin-top: 1%;font-size: 48px;line-height:66px;color: #d55252;background: #ffffff}
.page a.ljzx:after{background: #ff0000; content: ""; height: 205px; left: -100px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 10;}
.page a.ljzx:hover:after{left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}
/*第三屏*/
.page3 .txt3{position:absolute;left:50%;margin-left:-600px;width:1200px;text-align: center;}
.page3 .text1{font-weight:bold;margin-top:40px;display:block;margin-bottom: 50px;font-size: 60px;color: #fff;}
/*第四屏*/
.page4 .txt4{position:absolute;left:50%;margin-left:-600px;width:1200px;text-align: center;}
.page4 .text1{font-weight:bold;margin-top:30px;margin-bottom: 40px;font-size: 60px;color: #d55252;display: block;-webkit-animation: fadeInDown 1.4s 1 ease-in-out;animation: fadeInDown 1.4s 1 ease-in-out;}
.txt4 .am-g{margin-bottom: 20px;}
.txt4 .am-u-sm-4{padding: 0;}
.txt4 img{width: 390px;height: 125px;}
/*第五屏*/
.page5{width: 100%;margin: 0 auto;}
.page5 .txt5{text-align: center;}
.page5 .text1{font-weight:bold;padding-top:30px;padding-bottom: 30px;font-size: 60px;color: #ffffff;display: block;}
.page5 .map{width: 100%;margin: 0 auto 20px;}
.foot-add{text-align: center;color: #ffffff;line-height: 30px;font-size: 18px;}
.foot-add a{color:#fff;}
/***********************************教育云*********************************************/
/*banner*/
.focusBox{position: relative; width:100%; height:560px; overflow: hidden;margin: 0 auto;}
.focusBox .pic{position:relative; z-index:0;padding: 0;}
.focusBox .pic li{width: 100%;height: 560px;}
.focusBox .hd{width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1;}
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline; zoom:1;}
.focusBox .hd .on{background-position:0 0;}
.focusBox .prev,.focusBox .next{width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2;}
.focusBox .prev{left:10%;}
.focusBox .next{background-position: 0 -90px; right: 10%;}
.focusBox .prev:hover,.focusBox .next:hover{filter:alpha(opacity=50) !important; opacity:0.5 !important;}
.focusBox .img1{position: absolute;left: 50px;top:50%;margin-top: -217px; -webkit-animation: fadeInUp 1s ease;animation: fadeInUp 1s ease;}
.focusBox .txt1{font-size: 80px;color: #ffffff;font-weight: normal;padding: 0 0 15px 15px;margin: 0;}
.focusBox .txt3-1{font-size: 48px;color: #ff8b00;}
.focusBox .txt3-2{font-size: 16px;color: #ff8b00;padding: 10px 0 20px}
.focusBox .txt3-1{-webkit-animation: fadeInLeft 1s ease;animation: fadeInLeft 1s ease;}
/*.focusBox .img3-1{-webkit-animation: bounceInDown 1s 0.5s ease;animation: bounceInDown 1s 0.5s ease;}*/
#fly{display:block;text-align:center;margin-left:80px;-webkit-animation: flys 6000ms cubic-bezier(0.68, 0.21, 0.34, 0.85) infinite alternate;animation: flys 6000ms cubic-bezier(0.68, 0.21, 0.34, 0.85) infinite alternate;}
@-webkit-keyframes flys{0%{-webkit-transform: translateY(150px); transform: translateY(150px);} 100%{-webkit-transform: translateY(70px); transform: translateY(70px);}}
@keyframes flys{0%{-webkit-transform: translateY(150px); transform: translateY(150px);} 100%{-webkit-transform: translateY(70px); transform: translateY(70px);}}
.jjyNav{width: 1000px;height: 100px;margin:0 auto;box-sizing: content-box}
.jyyLogo{float: left;width: 170px;height: 100px;}
.jjyNav .nav{float: left;}
.jjyNav .nav>li>a.on, .nav>li>a:hover{background: #2b9dd5; color: #ffffff; border: none;}
#jyyLogin{display: inline-block;background: #68bc3e;color: #ffffff;font-size: 16px;margin-top:37px;margin-right:10px;height: 26px;line-height: 26px;width: 75px;text-align: center}
#jyyRegsiter{display: inline-block;background: #ffb31f;color: #ffffff;font-size: 16px;margin-top:37px;height: 26px;line-height: 26px;width: 75px;text-align: center}
.jjyPanel1Bg{width: 100%;margin:0 auto;background: #ffffff;}
.jjyPanel1{width: 1000px;margin: 0 auto;padding-top: 50px;padding-bottom: 40px;}
.jjyPanel1 h3{margin: 0;font-size: 30px;font-weight:normal;color: #666666;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;text-align: center;}
.jjyPanel1 a.detail{display:block;margin:0 auto;color: #ffffff;font-size: 14px;background: #cccccc;width:80px;height:24px;line-height:24px;border-radius: 12px;text-align: center}
.jjyPanel1 ul{margin: 40px auto;padding: 0;width: 100%;}
.jjyPanel1 ul li{width: 25%;text-align: center;float: left;position: relative;}
.jjyPanel1 ul li p{font-size: 16px;padding: 0 3em;}
.jjyPanel1 ul li .line{position: absolute;left: 50%;top:154px;margin-left: 17px;display: inline-block;height: 1px;width: 215px;background: #cbcbcb;-webkit-transform: rotate(40deg);}
.jjyPanel1 ul li:nth-child(even){padding-top: 80px;}
.jjyPanel1 ul li:nth-child(even) .line{position: absolute;left: 50%;top:154px;margin-left: 17px;display: inline-block;height: 1px;width: 215px;background: #cbcbcb;-webkit-transform: rotate(-40deg);}
.jjyPanel1 ul li:first-child span.tit{color: #999999;font-size: 18px;display: block;}
.jjyPanel1 ul li:first-child span.titIco{width: 86px;height: 86px;border-radius: 50%;position:relative;display:block;margin: 10px auto 20px;font-size:80px;background: url(../images/titIco1.png) no-repeat center top;/* 任何颜色，或透明*/overflow:hidden;white-space: pre;/* 处理空格*/}
.jjyPanel1 ul li i.iconfont{color: #ffffff;font-size: 50px;position: absolute;top:50%;left: 50%;margin-left: -25px;margin-top: -37.5px;z-index: 10;}
.jjyPanel1 ul li:nth-child(2) span.tit{color: #999999;font-size: 18px;display: block;}
.jjyPanel1 ul li:nth-child(2) span.titIco{width: 86px;height: 86px;border-radius: 50%;position:relative;display:block;margin: 10px auto 20px;font-size:80px;background: url(../images/titIco2.png) no-repeat center top;overflow:hidden;white-space: pre;/* 处理空格*/}
/*.jjyPanel1 ul li:nth-child(2) span.titIco:before{display:block;z-index:1;position:absolute;top:0;left:0;width: 50%;height: 100%;content: attr(data-content);/!* 伪元素的动态获取内容*!/overflow:hidden;background: #48b2e6;}*/
.jjyPanel1 ul li:nth-child(2) i.iconfont{color: #ffffff;font-size: 50px;position: absolute;top:50%;left: 50%;margin-left: -25px;margin-top: -37.5px;z-index: 10;}
.jjyPanel1 ul li:nth-child(3) span.tit{color: #999999;font-size: 18px;display: block;}
.jjyPanel1 ul li:nth-child(3) span.titIco{width: 86px;height: 86px;border-radius: 50%;position:relative;display:block;margin: 10px auto 20px;font-size:80px;background: url(../images/titIco3.png) no-repeat center top;overflow:hidden;white-space: pre;/* 处理空格*/}
.jjyPanel1 ul li:nth-child(3) i.iconfont{color: #ffffff;font-size: 50px;position: absolute;top:50%;left: 50%;margin-left: -25px;margin-top: -37.5px;z-index: 10;}
.jjyPanel1 ul li:nth-child(4) span.tit{color: #999999;font-size: 18px;display: block;}
.jjyPanel1 ul li:nth-child(4) span.titIco{width: 86px;height: 86px;border-radius: 50%;position:relative;display:block;margin: 10px auto 20px;font-size:80px;background: url(../images/titIco4.png) no-repeat center top;overflow:hidden;white-space: pre;/* 处理空格*/}
.jjyPanel1 ul li:nth-child(4) i.iconfont{color: #ffffff;font-size: 50px;position: absolute;top:50%;left: 50%;margin-left: -25px;margin-top: -37.5px;z-index: 10;}
/*jjyPanel2*/
.jjyPanel2{margin: 0 auto;background: #f3f3f3;padding-top: 50px;}
.jjyPanel2 h3{width: 1000px;margin: 0 auto;font-size: 30px;font-weight:normal;color: #666666;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;text-align: center;}
.jjyPanel2 a.detail{display:block;margin:0 auto;color: #ffffff;font-size: 14px;background: #cccccc;width:80px;height:24px;line-height:24px;border-radius: 12px;text-align: center}
/* 滚动案例css */
.picScroll-left{overflow:hidden; position:relative; width: 1040px;height:auto;margin: 20px auto;}
.picScroll-left .sPrev,.picScroll-left .sNext{display:block;width:20px;height:48px;position:absolute;top:50%;left:0;margin-right:5px;margin-top:-24px;overflow:hidden;cursor:pointer;background:url("../images/arrow.png") 0 0 no-repeat;}
.picScroll-left .sNext{background:url("../images/arrow.png") 0 0 no-repeat;right:0;left:auto;margin-left:5px;margin-right:auto;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.picScroll-left .bd{padding:10px 20px;width: 1040px;margin: 0 auto;}
.picScroll-left .bd ul{overflow:hidden;zoom:1;min-height: 383px;}
.picScroll-left .bd ul li{margin:0 8px;_display:inline;overflow:hidden;text-align:center;background: #ffffff;box-shadow:0 5px 5px 0 #cccccc;width: 235px;min-height: 378px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);float:left;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width:235px;height:305px;display:block;border:none;}
.picScroll-left .bd ul li .pic a:hover img{border:none;}
.picScroll-left .bd ul li .title{line-height:24px;font-size: 16px;color: #757575;padding: 20px;}
.picScroll-left .bd ul li:hover{-webkit-transform:scale(1);-webkit-box-shadow:0px 0px 30px #ccc;-moz-transform:scale(1);-moz-box-shadow:0px 0px 30px #ccc;-o-transform:scale(1);-o-box-shadow:0px 0px 30px #ccc;}
.picScroll-left .bd ul li:hover img{border: none;}
.picScroll-left .bd ul li .mask{background-color: rgb(0, 0, 0);position: absolute;width: 100%;height:0;opacity:0.6;cursor:pointer;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;}
.picScroll-left .bd ul li .child{position: absolute;top: 50%;left:50%;-webkit-transform:translate(-50%,-50%)}
.picScroll-left .bd ul li .mask img{opacity: 0;width: 176px;height: 175px;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration:0.2s;transition-duration: 0.2s;}
.picScroll-left .bd ul li .mask p{opacity: 0;}
.picScroll-left .bd ul li:hover .mask{height:100%;opacity:0.8;}
.picScroll-left .bd ul li:hover .mask p{color: #ffffff;font-size: 16px;padding-top: 10px;opacity: 1;}
.picScroll-left .bd ul li:hover .mask img{opacity: 1;}
/*jjyPanel3*/
.jjyPanel3{margin: 0 auto 80px;padding-top: 50px;}
.jjyPanel3 h3{width: 1000px;margin: 0 auto;font-size: 30px;font-weight:normal;color: #666666;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;text-align: center;}
.jjyPanel3 a.detail{display:block;margin:0 auto;color: #ffffff;font-size: 14px;background: #cccccc;width:80px;height:24px;line-height:24px;border-radius: 12px;text-align: center}
.boxCon{width: 844px;height: 238px;margin: 0 auto;position: relative;}
.boxCon i.iconfont{color: #ffffff;font-size: 70px;}
.boxCon h4{margin: 0 auto 10px;padding: 0;text-align: center;font-size: 24px;font-weight:normal;color: #ffffff;}
.boxCon p{margin: 0;padding: 0;text-align: center;font-size: 16px;color: #ffffff;}
.boxCon .box1{width: 412px;height: 100%;float: left;border: 2px solid #68bc3e;padding: 2px;text-align: center;margin-right: 10px;}
.boxCon .box1 .boxi{background:#68bc3e;height: 100%;padding: 0 22%;}
.boxCon .box2{width: 412px;height: 100%;float: left;border: 2px solid #ffb31f;padding: 2px;text-align: center;margin-left: 10px;}
.boxCon .box2 .boxi{background:#ffb31f;height: 100%;padding:0 16%;}
/*中间水波*/
.boxCon #container{position: absolute; left:50%; top:50%; margin-left:-75px; margin-top: -75px; height: 150px; width: 150px; border-radius: 50%; overflow: hidden; cursor: pointer;}
#container span{display: block;position: absolute;height: 150px;width:150px;font-size:16px;color:#646464;line-height: 150px;text-align: center;z-index: 100;}
#container .ball.la-3x{width: 150px; height: 150px; display: block; font-size: 0; color: #fff;}
#container .ball,.ball>div{position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#container .ball{display:block; font-size:0; color:#fff}
#container .ball.la-dark{color:#333}
#container .ball>div{display:inline-block; float:none; background-color:currentColor; border:0 solid currentColor}
#container .ball{width:150px; height:150px}
#container .ball>div{position:absolute; top:50%; left:50%; margin-left: -75px; margin-top: -75px; width:150px; height:150px; border-radius:50%; opacity: 0.3;}
#container .ball>div:nth-child(2){margin-left: -65px; margin-top: -65px; width:130px ; height: 130px; opacity: 0.65;}
#container .ball>div:nth-child(3){margin-left: -55px; margin-top: -55px; width:110px ; height: 110px; opacity: 1;}
#container:hover .ball>div{opacity:0; -webkit-animation:ball 1s 0s linear infinite; -moz-animation:ball 1s 0s linear infinite; -o-animation:ball 1s 0s linear infinite; animation:ball 1s 0s linear infinite}
#container .ball>div:nth-child(2){-webkit-animation-delay:.2s; -moz-animation-delay:.2s; -o-animation-delay:.2s; animation-delay:.2s}
#container .ball>div:nth-child(3){-webkit-animation-delay:.4s; -moz-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s}
#container .ball.la-3x{width:150px; height:150px}
@-webkit-keyframes ball{0%{opacity:0; -webkit-transform:scale(0); transform:scale(0)} 5%{opacity:1} 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1)}}@-moz-keyframes ball{0%{opacity:0; -moz-transform:scale(0); transform:scale(0)} 5%{opacity:1} 100%{opacity:0; -moz-transform:scale(1); transform:scale(1)} }@-o-keyframes ball{0%{opacity:0; -o-transform:scale(0); transform:scale(0)} 5%{opacity:1} 100%{opacity:0; -o-transform:scale(1); transform:scale(1)} }@keyframes ball{0%{opacity:0; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0)} 5%{opacity:1} 100%{opacity:0; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1)} }
/********************教育云底部*************************/
.jyyFoot{width: 100%;margin: 0 auto;}
.jyyFoot *{color: #ffffff}
.footBox{width: 1000px;margin: 0 auto;padding: 30px 0;}
.footBox h3{font-size: 24px;font-weight: normal;margin: 0;padding: 0;}
.footBox .siteMap{width: 210px;}
.footBox a{font-size: 16px;padding-right: 15px;padding-top: 10px;}
.footBox a:hover{color: #ffc85c}
.footBox span{padding-top:27px;display: inline-block;font-size: 16px;}
.jyyPhone{width: 590px;padding: 0 55px;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;}
/*教育云-注册页面*/
.registerBoxBg{background: url(../images/jyyReBg.jpg) no-repeat center top;background-size: cover;height:720px;padding: 50px 0}
.registerBox{background: #ffffff;margin: 0 auto;padding: 35px 250px 50px 250px;width: 990px;height: 590px;text-align: center;box-shadow: 10px 10px 0 0 #0685c2}
.registerBox h3{font-size: 24px;color: #262727;font-weight: normal;}
.registerBox i{font-style: normal;color: #ff0000}
.registerBox label{font-weight: normal;font-size: 16px;}
/* 通用 设置 placeholder 的样式*/
.reLO ::-webkit-input-placeholder{color:#bebebe;font-size: 12px;line-height: 21px;}
.reLO ::-moz-placeholder{color:#bebebe;font-size: 12px;line-height: 21px;} /* firefox 19+ */
.reLO :-ms-input-placeholder{color:#bebebe;font-size: 12px;line-height: 21px;} /* ie */
.reLO input:-moz-placeholder{color:#bebebe;font-size: 12px;line-height: 21px;}
.registerBox button{height: 45px;line-height: 45px;width: 340px;background: #ffb31f;text-align: center;color: #ffffff;font-size: 24px;border: none;margin: 20px auto 0;}
/*教育云-登录页面*/
.jyyLoginBg{background: url(../images/jyyReBg.jpg) no-repeat center top;background-size: cover;height:530px;}
.jyyLoginBox{width: 1000px;margin: 0 auto;text-align: center;}
.jyyLoginBox .f-fr{width: 438px;height: 386px;background: #ffffff;box-shadow: 10px 10px 0 0 #0685c2;margin-top:45px;}
.jyyLoginBox h3{font-size: 24px;color: #262727;font-weight: normal;padding: 40px 0;margin: 0;}
.jyyLoginBox .am-form{width: 80%;margin: 0 auto;}
.jyyLoginBox button{height: 45px;line-height: 45px;background: #68bc3e;width: 100%;color: #ffffff;border: none;margin-top: 30px;font-size: 24px;}
/******************解决方案********************/
.jjyBanner{width: 100%;height:297px;margin: 0 auto;background: url(../images/jyyBannerBg.jpg) no-repeat center top;background-size: cover;}
.jjyBannerBox{width: 1000px;margin: 0 auto;}
.jyyJjfaBox1Bg{width: 100%;background: #ffffff;}
.jyyJjfaBox1{width: 1000px;margin:0 auto;padding-top: 70px;height: 390px;position: relative;}
.jyyJjfaBox1 h3{margin: 0;text-align: center;font-size: 30px;font-weight: normal;padding-bottom: 10px;border-bottom: 1px solid #e2e2e2}
.jyyJjfaBox1 h4{margin: 10px auto 15px;font-size: 18px;font-weight: normal;color: #999999;text-align: center;}
.jyyJjfaBox1 p{margin: 60px auto 0;font-size: 18px;line-height:2;color: #666666;text-align: left;}
.jyyJjfaBox2Bg{width: 100%;background: #ffffff;}
.jyyJjfaBox2Bg:nth-child(odd){background: #fafafa;}
.jyyJjfaBox2{width: 1000px;margin:0 auto;height: 500px;position: relative;}
.jyyJjfaBox1 a.down,.jyyJjfaBox2 a.down{position: absolute;left: 50%;bottom:0;margin-left: -22px;width: 44px;height: 44px;text-align: center}
@-webkit-keyframes sdb05{0%{-webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0;} 50%{opacity: 1;} 100%{-webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}}
@keyframes sdb05{0%{transform: rotate(-45deg) translate(0, 0); opacity: 0;} 50%{opacity: 1;} 100%{transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}}
.jyyJjfaBox1 a.down span,.jyyJjfaBox2 a.down span{display: inline-block; width: 24px; height: 24px; border-left: 2px solid #999999; border-bottom: 2px solid #999999; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box;}
.jyyJjfaBox2 .lBox{float:left;width: 50%;text-align: center;display: table;height: 100%}
.jyyJjfaBox2 .rBox{float:right;width: 50%;text-align: center;display: table;height: 100%}
.jyyJjfaBox2 .child{display: table-cell;vertical-align: middle;}
.jyyJjfaBox2 img{margin-top: 70px;}
.jyyJjfaBox2 h3{margin: 0;padding: 0;font-weight: normal;font-size: 30px;}
.jyyJjfaBox2 p{font-size: 18px;color: #999999;text-align: left;padding: 30px 62px 0;}
/******************合作代理********************/
#jjyHzBanner{background: url(../images/jjyHzBanner.jpg) no-repeat center top;background-size: cover;}
a.dlzx{width: 238px;height: 55px;line-height:55px;font-size:24px;display:block;background:#ef6149;color:#fff;margin: 30px auto;text-align: center;}
a.dlzx .iconfont{font-size: 38px;vertical-align: middle;}
.dlBox{background: #fafafa;padding: 80px 0 20px;}
.dlBox h3{text-align: center;color: #333333;font-size: 30px;font-weight: normal;margin-bottom: 50px;}
.dlBox ul{padding: 0;width: 1000px;margin: 0 auto;}
.dlBox li{float: left;width: 442px;height: 200px;}
.dlBox li:nth-child(even){float: right;}
.dlBox li h4{color: #777777;font-size: 24px;margin: 0;padding: 0;font-weight: normal;padding-bottom: 10px;}
.dlBox li p{color: #999999;font-size: 16px;margin: 0;padding: 0;font-weight: normal;line-height: 2;}
.dlBox li span{display: inline-block;background: #fac132;width: 104px;height: 104px;line-height:104px;border-radius: 50%;vertical-align: top;text-align: center;}
.dlBox li span .iconfont{font-size:96px;color: #ffffff;}
.dlBox li div{display: inline-block;width: 330px;padding-left: 10px;}
.huojian{}
.sceneWrap{display: block; height: 300px; margin: 0 auto; max-width:117px; max-height: 300px;
    z-index:0; position: relative;}
@media (max-width: 500px){.sceneWrap{max-height: 350px;}}
.jet-pack{display: block; font-size: 1rem; left: 50%; position: absolute; text-align: center; top: 56%; -webkit-transform: translate(-50%, -50%) rotateZ(0deg); transform: translate(-50%, -50%) rotateZ(0deg);}
@media (max-width: 500px){.jet-pack{font-size: 0.75rem;}}
@media (max-height: 387px){.jet-pack{-webkit-transform: translate(-50%, 0%) rotateZ(0deg); transform: translate(-50%, 0%) rotateZ(0deg);}}
.jet-pack:before{background: #fff; content: ''; display: inline-block; height: 2.25em; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, 25%); -ms-transform: translate(-50%, 25%); transform: translate(-50%, 25%); width: 6em;}
.jet-pack:after{background-image: -webkit-linear-gradient(#4380d7 0%, rgba(67, 128, 215, 0) 50%, rgba(83, 109, 254, 0) 100%); background-image: linear-gradient(#4380d7 0%, rgba(67, 128, 215, 0) 50%, rgba(83, 109, 254, 0) 100%); border-radius: 15%; content: ''; display: inline-block; height: 8em; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, 20%); -ms-transform: translate(-50%, 20%); transform: translate(-50%, 20%); width: 5.65em;}
@media (max-width: 500px){.jet-pack:after{background: #4289d5;}}
.jet-body{background: #fff; border-top-right-radius: 60% 50%; border-top-left-radius: 60% 50%; border-bottom-left-radius: 60% 50%; border-bottom-right-radius: 60% 50%; display: inline-block; height: 8.5em; position: relative; width: 3.25em; z-index: 3;}
.jet-body:after{border-left: 0.65em solid transparent; border-right: 0.65em solid transparent; border-top: 1.75em solid #acc7ed; content: ""; display: inline-block; height: 0.5em; left: 50%; position: absolute; top: 9em; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 6; -webkit-animation: flame-animation 0.2s linear infinite; animation: flame-animation 0.2s linear infinite;}
.jet-body:before{border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 1.1em solid #fff; content: ""; display: inline-block; left: 50%; position: absolute; top: 8em; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0.2em; z-index: 10;}
.jet-wing-top-circle{background: #4380d7; border-radius: 50%; box-shadow: inset -0.14em -0.2em 0.25em rgba(255, 255, 255, 0.24), inset -0.4em -0.2em 0.25em rgba(255, 255, 255, 0.4), inset -0.4em -0.2em 1em rgba(52, 170, 220, 0.5); display: block; height: 1.7em; left: 50%; position: absolute; top: 2.5em; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 1.7em;}
.jet-wing-top-circle:before,
.jet-wing-top-circle:after{border-bottom: 0.3em solid transparent; border-top: 1.5em solid transparent; border-right: 1.8em solid #fff; content: ""; height: 0; left: -1.9em; position: absolute; top: 0.9em; -webkit-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); width: 0;}
.jet-wing-top-circle:after{border-bottom: 0.3em solid transparent; border-top: 1.5em solid transparent; border-left: 1.8em solid #fff; border-right: 0; left: auto; right: -1.9em; -webkit-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg);}
.smoke{background: #fff; border-left: 1px solid #75c5e7; border-right: 1px solid #75c5e7; bottom: -75%; height: 6em; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 1em; z-index: 2;}
.smoke:before,
.smoke:after{background: #fff; border-left: 1px solid rgba(52, 170, 220, 0.05); border-right: 1px solid rgba(52, 170, 220, 0.02); content: ''; height: 6em; left: 50%; position: absolute; width: 0.2em;}
.smoke:after{left: auto; right: 50%;}
.smoke-bubble,
.smoke-bubble:before,
.smoke-bubble:after{background: #fff; border-radius: 50%; bottom: -1em; display: block; height: 3em; left: -1em; position: absolute; width: 3em; -webkit-animation: smoke-animation 0.3s linear infinite alternate-reverse; animation: smoke-animation 0.3s linear infinite alternate-reverse;}
.smoke-bubble:after{bottom: -0.25em; content: ''; height: 2.5em; width: 2.5em; -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.smoke-bubble:before{bottom: -0.25em; content: ''; height: 2.15em; left: auto; right: -0.5em; width: 2.15em; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.needle{border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 3.1em solid #fff; height: 0; left: 50%; position: absolute; top: -10.25em; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0; z-index: -1;}
.needle:after{border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; box-shadow: inset 0 -0.0625em -0.125em #fff, inset 0 -0.9375em 0.3125em rgba(255, 255, 255, 0.9), inset 0 -1.25em 0.625em rgba(52, 170, 220, 0.5); content: ""; height: 14em; left: 50%; position: absolute; top: 100%; -webkit-transform: translate(-50%, 28%); -ms-transform: translate(-50%, 28%); transform: translate(-50%, 28%); width: 14em; -webkit-animation: up-down-animation 0.15s linear infinite alternate-reverse; animation: up-down-animation 0.15s linear infinite alternate-reverse;}
.flag{background: rgba(255, 255, 255, 0.9); border-radius: 50%; height: 2em; left: -0.05em; position: absolute; top: 5em; -webkit-transform: rotateZ(-25deg); transform: rotateZ(-25deg); width: 2em; -webkit-animation: round-animation 2s linear infinite alternate-reverse; animation: round-animation 2s linear infinite alternate-reverse;}
.flag:before,
.flag:after{background: rgba(255, 255, 255, 0.9); border-radius: 50%; content: ""; height: 1.5em; position: absolute; right: 2em; top: -0.5em; width: 1.5em;}
.flag:after{right: 0; top: -0.5em;}
@-webkit-keyframes load-animation{0%{opacity: 0; -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75);} 100%{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);}}
@keyframes load-animation{0%{opacity: 0; -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75);} 100%{opacity: 1; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}}
@-webkit-keyframes flame-animation{100%{border-top-width: 1.9em; border-left-width: 0.5em; border-left-width: 0.5em;}}
@keyframes flame-animation{100%{border-top-width: 1.9em; border-left-width: 0.5em; border-left-width: 0.5em;}}
@-webkit-keyframes smoke-animation{0%{-webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95);} 100%{-webkit-transform: scale(1, 1); transform: scale(1, 1);}}
@keyframes smoke-animation{0%{-ms-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95);} 100%{-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}}
@-webkit-keyframes round-animation{0%{left: 1em; opacity: 0; top: 5em; -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95);} 25%{left: -0.5em; opacity: 1; top: 5em; -webkit-transform: scale(1, 1); transform: scale(1, 1);} 75%{left: 1em; opacity: 0; top: 5em; -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95);} 100%{left: -0.5; opacity: 1; top: 5em; -webkit-transform: scale(1, 1); transform: scale(1, 1);}}
@keyframes round-animation{0%{left: 1em; opacity: 0; top: 5em; -ms-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95);} 25%{left: -0.5em; opacity: 1; top: 5em; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);} 75%{left: 1em; opacity: 0; top: 5em; -ms-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95);} 100%{left: -0.5; opacity: 1; top: 5em; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}}
@-webkit-keyframes up-down-animation{0%{box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.95), inset 0 -15px 5px rgba(255, 255, 255, 0.9), inset 0 -20px 10px rgba(52, 170, 220, 0.5);} 100%{box-shadow: inset 0 -1px 2px #fff, inset 0 -17px 5px rgba(255, 255, 255, 0.95), inset 0 -22px 12px rgba(52, 170, 220, 0.6);}}
@keyframes up-down-animation{0%{box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.95), inset 0 -15px 5px rgba(255, 255, 255, 0.9), inset 0 -20px 10px rgba(52, 170, 220, 0.5);} 100%{box-shadow: inset 0 -1px 2px #fff, inset 0 -17px 5px rgba(255, 255, 255, 0.95), inset 0 -22px 12px rgba(52, 170, 220, 0.6);}}
/******************联系我们********************/
.contact{background: #2b9dd5;height: 96px;line-height:96px;width: 100%;}
.contact .am-u-sm-4{font-size: 18px;color: #ffffff;padding: 0 1rem;text-align: center}
.contact span{width: 28px;height: 28px;line-height:28px;border-radius: 50%;background: #ffffff;display: inline-block;margin-top: 34px;text-align: center;margin-right: 8px;}
.contact .iconfont{font-size: 18px;color: #2b9dd5;}
.mapBox{width: 990px;margin: 30px auto;height:388px;border-radius: 3px;box-shadow: 0 0 5px 5px rgba(0,0,0,.3);border: 5px solid #ffffff;}
.contactForm{width: 1000px;margin: 0 auto;}
.contactForm .inputBox{width: 490px;height: 50px;line-height: 50px;border: 1px solid #d6d6d6;font-size: 18px;color: #a2a2a2;background: #ffffff;border-radius: 3px;}
.contactForm .inputBox span{display: inline-block;width: 15%;text-align: center;}
.contactForm .inputBox input{border: none;display: inline-block;width: 80%;height: 48px;line-height: 48px;margin-top:-7px;padding: 0;}
.contactForm .inputBox input:focus,.textareaBox textarea:focus{border: none;box-shadow: none;}
.textareaBox span{display: inline-block;width: 10%;text-align: center;height: 50px;line-height: 50px;}
.textareaBox{width: 1000px;height: 200px;line-height: 20px;border: 1px solid #d6d6d6;font-size: 18px;color: #a2a2a2;background: #ffffff;border-radius: 3px;}
.textareaBox textarea{border: none;height: 145px;outline: none;resize: none;}
.contactForm button{width: 100%;border:none;border-radius: 3px;background: #ffb31f;text-align: center;font-size: 24px;color: #ffffff;height: 56px;line-height: 56px;margin: 20px auto;}